<template>
  <div class="article">
    <h4>
      ONE 文章
    </h4>
    <div class="corriente">
      <p class="one-titulo">
        VOL.1985 </p>
      <p class="one-articulo-titulo">
        <a href="http://wufazhuce.com/article/3136">
          我的初恋是富二代，想想就心酸
          <small>- </small>
        </a>
      </p>
    </div>
    <ul class="list-unstyled pasado">
      <li>
        <span class="text-muted">VOL.1984</span>
        <a href="http://wufazhuce.com/article/3138">
          时光小器之闪现
          <small>- 陈麒凌</small>
        </a>
      </li>
      <li>
        <span class="text-muted">VOL.1983</span>
        <a href="http://wufazhuce.com/article/3139">
          没有人凝视深渊
          <small>- 苏更生</small>
        </a>
      </li>
      <li>
        <span class="text-muted">VOL.1982</span>
        <a href="http://wufazhuce.com/article/3133">
          我的超能力，是超能惹爸妈生气
          <small>- </small>
        </a>
      </li>
      <li>
        <span class="text-muted">VOL.1981</span>
        <a href="http://wufazhuce.com/article/3134">
          婚纱
          <small>- 粟冰箱</small>
        </a>
      </li>
      <li>
        <span class="text-muted">VOL.1980</span>
        <a href="http://wufazhuce.com/article/3130">
          没有一种爱情是最理想的
          <small>- 陈雪</small>
        </a>
      </li>
      <li>
        <span class="text-muted">VOL.1979</span>
        <a href="http://wufazhuce.com/article/3132">
          误埋
          <small>- 张寒寺</small>
        </a>
      </li>
    </ul>
  </div>
</template>

<style lang="scss" scoped>
li {
  list-style: none;
}
a {
  text-decoration: none;
  
}
.article {
  width: 50%;
  margin: 0 auto;
  text-align: left;
}
.article h4 {
  background-color: #01aef0;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  
}
.one-titulo {
  font-size: 12px;
  margin-bottom: 5px;
}
.one-articulo-titulo {
  font-size: 16px;
  height: 50px;
  
}
.one-articulo-titulo > a {
  color: #428bca!important;
}
.list-unstyled {
  font-size: 12px;
  margin-left: -50px;
  margin-top: -30px;
}
.text-muted {
  color: #777;
}
.pasado li {
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pasado a {
  color: #777;
}
</style>

